<template>
  <div>
    <div class="content">
      <div class="black">
        <img
          src="http://yanxuan.nosdn.127.net/8945ae63d940cc42406c3f67019c5cb6.png"
          alt=""
        />
        <p class="user">用户</p>
      </div>
      <ul class="list">
        <li>我的订单</li>
        <li>优惠券</li>
        <li>我的足迹</li>
        <router-link to="/my/collect" tag="li">我的收藏</router-link>
        <!-- <router-link to="/cart/another" tag="li">地址管理</router-link> -->
        <li @click="dog">地址管理</li>
        <li>联系客服</li>
        <li>帮助中心</li>
        <router-link to="/my/idea" tag="li">意见反馈</router-link>
        <li></li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  computed: {},
  created() {},
  mounted() {},
  methods: {
    dog() {
      this.$router.push({
        name: "cart2"
      });
    }
  }
};
</script>

<style scoped lang="scss">
.content {
  width: 100%;
  height: 1000px;
  background-color: #f5f5f5;
}
.black {
  width: 100%;
  height: 140px;
  background-color: #414040;
}
.black img {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  margin-top: 40px;
  margin-left: -220px;
}
.user {
  color: #fff;
  position: absolute;
  top: 55px;
  left: 130px;
}
.list li {
  width: 123px;
  height: 70px;
  background-color: #fff;
  color: #333;
  float: left;
  margin-right: 2px;
  margin-top: 2px;
  line-height: 70px;
}
</style>